<template>
	<view class="container" @click="handleClick">{{ text }}</view>
</template>

<script setup lang="ts">
defineProps({
	text: {
		type: String,
		default: '',
	},
});

const emit = defineEmits(['click']);
const handleClick = () => {
	emit('click');
};
</script>

<style lang="scss">
.container {
	width: 690rpx;
	height: 88rpx;
	line-height: 88rpx;
	background: $danger;
	border-radius: 20rpx;
	font-size: 34rpx;
	color: #ffffff;
	text-align: center;
	position: fixed;
	bottom: calc(20rpx + env(safe-area-inset-bottom));
	left: 30rpx;
	z-index: 10;
	cursor: pointer;
}
</style>
